<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<!-- 背景设在body上 -->
<body class="flex">
    <!-- 右上密码登录跳转按钮 pwdlogin -->
    <div class="pwdlogin">
        <a href="./login.html">密码登录</a>
        </div>
    <!-- 注册主标题 -->
    <div class="title">
        <p class="big-title">手机号注册/登录</p>
        <p class="small-title">快速找到好友，一站式记录你的运动</p>
    </div>
    <!-- 主体注册框内容 -->
    <div class="inputarea">
        <!-- 手机号框 -->
        <div>
            <input id="account" type="text" placeholder="请输入手机号">
            
        </div>
        <!-- 验证码框 -->
        <div class="capinput">
            <input id="code" class="sbinput" type="text" placeholder="请输入验证码">
            <canvas id="captcha1" class="captcha"></canvas>
        </div>
        <!-- 密码框 -->
        <input id="password" type="password" placeholder="请输入密码">
        <!-- 验证密码框 -->
        <input id="agpassword" type="password" placeholder="请再次输入密码">
    </div>
    <!-- 注册账号按键 -->
    <div class="reg-button">
        注册账号
    </div>
    <!-- 提示文本 -->
    <p class="errortext"></p>
    <!-- 微信注册文本和微信图标 -->
    <p class="wechat">
        <a class="iconfont icon-weixin" href="#">微信注册</a>
    </p>
    <!-- 下部字体文本 -->
    <p class="giveup">-GIVE UP-</p>
</body>

</html>